@charset "utf-8";
/* CSS Document */
*{ font-family:"Microsoft Yahei"; margin:0; padding:0;}
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
html, body{ overflow-x:hidden;}
body{color:#333; background-color:#ffffff}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style:none}
input,textarea,button{ background: transparent;vertical-align:middle}
table{ border-spacing: 0px; border-collapse: collapse}
tr{cursor: pointer;}
input, textarea{ border:0}
textarea{resize:none}
select{ border:none;outline: none;}

/*链接*/
a{ color:#333; text-decoration:none;}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#a00; text-decoration:none;}

/*通用*/
.wrap{ width:1750px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.img{ display:block}

/*头部*/
.header{ width:100%; position:fixed; top:0; left:0; z-index:999; background-color:#ffffff; height:94px}
.head_wrap{ width:70%; margin:0 auto}
.logo{ background: url(../images/logo.png) no-repeat center left; width:208px; height:89px;}
.nav{ margin-left:100px;}
.nav li{ float:left;line-height:91px; width:70px; text-align:center; margin-left:40px}
.nav li a{ font-size: 16px;color: #666666;}
.nav li:hover, .nav li.active{ border-bottom: 3px solid #2d317a;}
.tel{ background: url(../images/tel.png) no-repeat left center; font-size:18px; color:#243a67; padding-left:40px; height:94px; color:#243a67; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.tel span{ font-size:13px; display:inline-block; padding-top:29px; font-weight:normal}

/*主页简介*/
.i_jjbg{ height:570px; background-image:url(../images/i_jj_bg.jpg); background-position:center top; background-repeat:no-repeat; text-align:center}
.i_jj_title{ padding-top:70px; font-size:42px; font-style:oblique; font-weight:bold; color:#243a67}
.i_jj_fbt{ font-size:20px; color:#243a67; padding-top:40px}
.i_jj_con{ width:68%; margin:0 auto; font-size:16px; color:#707578; line-height:32px; padding-top:30px}
.i_jj_con p{ padding-top:10px}
.i_jj_icon{ padding-top:40px; width:560px; margin:0 auto}
.i_jj_icon ul li{ width:140px; float:left}
.i_jj_icon1{ height:52px; background-image:url(../images/i_jj_icon1_normal.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon1:hover{background-image:url(../images/i_jj_icon1_hover.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon2{ height:52px; background-image:url(../images/i_jj_icon2_normal.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon2:hover{background-image:url(../images/i_jj_icon2_hover.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon3{ height:52px; background-image:url(../images/i_jj_icon3_normal.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon3:hover{background-image:url(../images/i_jj_icon3_hover.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon4{ height:52px; background-image:url(../images/i_jj_icon4_normal.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon4:hover{background-image:url(../images/i_jj_icon4_hover.png); background-repeat:no-repeat; background-position:center center}
.i_jj_icon_title{ padding-top:8px}

/*服务项目*/
.i_fwxm_bg{ height:840px; background-image:url(../images/fw_bg.jpg); background-position:center top; background-repeat:no-repeat; overflow:hidden}
.i_fw_right_padding{ padding-left:90px;}
.i_fw_line{ width:8px; background-color:#c92a2a; color:#c92a2a; height:28px;}
.i_fw_title{ font-size:28px; color:#97a8c2; font-weight:bold; line-height:26px; padding-left:10px}
.i_fw_title_en{ color:#758399; font-size:32px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px}
.mar_top_ifw{ padding-top:70px}

.slideTxtBox{ width:680px; color:#FFFFFF; position:absolute; overflow:hidden}
.slideTxtBox img{ width:100%}
.slideTxtBox .hd{ height:30px; line-height:30px; position:relative; color:#97a8c2}
.slideTxtBox .hd ul{ float:left; position:absolute; }
.slideTxtBox .hd ul li{ float:left; padding-right:30px; cursor:pointer; font-size:24px; font-weight:bold}
.slideTxtBox .hd ul li.on{ height:30px; color:#FFFFFF }
.slideTxtBox .bd ul{ height:540px; zoom:1;}

.i_fw_all{ font-size:20px; color:#97a8c2}
.ffff{ position:absolute; bottom:0; left:0; width:50%; height:55px;}
.i_fw_dl{ margin-top:95px; }
.i_fw_dl dt dl{ float:right; height:31px; width:150px; line-height:31px; text-align:center; margin-left:20px}
.i_fw_dl_bt1{ border-radius:31px; background-color:#243a67; color:#FFFFFF}
.i_fw_dl_bt2{ border-radius:31px; background-color:#1b4070; color:#FFFFFF; border:1px solid #FFFFFF}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; left:10px; botoom:0; }
.slideTxtBox .arrow a{ display:block;  width:53px; height:53px; float:right; overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; margin-right:20px}
.slideTxtBox .arrow .next{ background-position:0 -53px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }

/*首页设备*/
.i_sb_bg{ height:870px; background-image:url(../images/i_sb_bg.jpg); background-position:center center; background-repeat:no-repeat}
.i_sb_title{ padding-top:70px; font-size:42px; font-style:oblique; font-weight:bold; color:#243a67; text-align:center}
.i_sb_list{ width:77%; margin:0 auto; padding-top:65px}
.i_sb_list ul li{ float:left; width:33.3%;}
.i_sb_list_sjwidth{ width:87%; margin:0 auto}
.i_sb_title1{ text-align:center; font-weight:bold; color:#324976; font-size:19px; font-style:oblique; padding-top:25px; padding-bottom:20px;}
.i_sb_con{ color:#8f8f8f; font-size:15px; line-height:24px; text-align:center}
.i_sb_imgpad{ padding-top:65px;}

/*首页蓝条*/
.i_lantiao{ background-color:#174677; padding-top:60px; padding-bottom:60px}
.i_lantiao_sjkuan{ width:75%; margin:0 auto}
.i_lantiao_sjkuan ul li{ width:20%; float:left; padding-left:2.5%; padding-right:2.5%; text-align:center; color:#FFFFFF}
.i_lt_title{ font-size:20px; line-height:60px;}
.i_lt_con{ font-size:14px; line-height:24px}

/*首页应用案例*/
.i_yyal{background-color:#f6f6f9; padding-top:60px;}
.i_al_title{ background-image:url(../images/i_case_en.png); background-position:center top; background-repeat:no-repeat;font-size:42px; text-align:center; padding-top:15px; font-weight:bold; color:#243a67}
.i_al_title span{ color:#c92a2a}
.i_al_width{ width:82%; margin:0 auto}
.i_al_width ul{ padding-top:60px;}
.i_al_width ul li{ float:left; width:33.3%; margin-bottom:20px}
.i_al_width_width{ width:95%; margin:0 auto}


/*二级BANNER*/
.er_banner_gywm{ background-image:url(../images/er_banner_gy.jpg); height:438px; background-position:center top;}
.er_banner_gywm{ background-image:url(../images/er_banner_gy.jpg); height:438px; background-position:center top;}
.er_banner_zw{ height:94px}
.er_banner_txt{ width:400px; margin:0 auto; color:#FFFFFF; padding-top:168px; text-align:center}
.er_banner_txt_1{ font-size:34px; font-weight:bold; padding-bottom:10px;}
.er_banner_txt_2{ height:2px; background-color:#FFFFFF; width:92px; margin:0 auto}
.er_banner_txt_3{ font-size:32px; font-family:Arial, Helvetica, sans-serif; padding-top:7px}

/*二级其他*/
.index3{ background: url(../images/er_about_four_bg.jpg) no-repeat center center; background-size: cover; padding-top:126px; padding-bottom:90px}
.index3_nr{ width:84.3%; margin: 0 auto;}
.index3_nr .hd{ width:38.76%; position: relative;}
.index3_nr .hd ul li{ position: absolute; width:104px; height:104px; background-color: #ffffff; border-radius: 100%; cursor: pointer; font-size: 24px; color: #ab9367; font-weight: bold; line-height:28px; border:1px solid #BACDED}
.index3_nr .hd ul li.on{ background-color:#2E487B; color: #ffffff;}
.index3_nr .hd ul li.index3_li1 .table_cell, .index3_nr .hd ul li.index3_li2 .table_cell{ text-align:center; padding-top:22px}
.index3_nr .hd ul li.index3_li3 .table_cell, .index3_nr .hd ul li.index3_li4 .table_cell{ text-align:center; padding-top:22px}
.index3_nr .hd ul li.index3_li1{ left: -47px; top:250px;}
.index3_nr .hd ul li.index3_li2{ right:90px; top:280px;}
.index3_nr .hd ul li.index3_li3{ left: 230px; top:-20px;}
.index3_nr .hd ul li.index3_li4{ bottom: -26px; left: 170px;}
.index3_nr .bd{ width:60%;}
.index3_tit{ position: relative;}
.index3_tit h1{ line-height: 88px; font-size:112px; color: transparent; -webkit-text-stroke: 1px #becce7; opacity: .2;}
.index3_tit h2{ position: absolute; bottom: 0; left:0px; font-size:60px; color:#fff; font-weight: bold; line-height:40px;}
.index3_tit h3{ padding-top:80px; color:#FFFFFF; position:absolute; font-size:37px; font-weight:normal}
.index3_txt{ margin:300px 0 20px;}
.index3_txt, .index3_txt p{ font-size:20px; color: #555555; line-height:40px; text-align: justify; color:#2e487c; text-indent:2em}
.picScroll-left{ width:85%;  overflow:hidden; position:relative; margin:0 auto; padding-top:50px; padding-bottom:50px}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:33.3%; padding:0 20px;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:50px; font-size:28px; color:#2e487c}
.er_honor_tit{ position:relative; padding-top:20PX}
.er_honor_tit h1{ line-height:88px; font-size:70px; color: transparent; -webkit-text-stroke: 1px #becce7; opacity: .2; text-align:center}
.er_honor_tit h2{ position: absolute; bottom: 0; left:48%; font-size:30px; font-weight: bold; line-height:60px; }
.er_fw_line{ width:8px; background-color:#c92a2a; color:#c92a2a; height:28px;}
.er_fw_title{ font-size:28px; color:#97a8c2; font-weight:bold; line-height:26px; padding-left:10px}
.er_fw_title_en{ color:#758399; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px}
.mar_top_ifw2{ padding-top:60px}
.er_fw_list ul{ padding-top:35px}
.er_fw_list ul li{ height:55px; line-height:55px; border-bottom:1px solid #557496; padding-left:15px; color:#FFFFFF; font-size:18px; font-weight:bold}
.er_fw_list ul li.on{ height:55px; line-height:55px; border-bottom:1px solid #557496; padding-left:15px; color:#254d79; font-size:18px; font-weight:bold; background-color:#d9f1ff}
.er_fw_con{ padding-top:60px; color:#FFFFFF; font-size:14px}
.er_cq_txt{ text-align:center; font-size:16px; line-height:40px;}

.er_center{ padding:30px 0; width:80%; margin:0 auto}
.er_nav{ width: 20%; background-color: #ffffff;}
.er_nav li{ line-height: 77px; padding-left: 18%; border-bottom: 2px solid #f3f4f8;}
.er_nav li a{ font-size: 18px; color: #666666;}
.er_nav li:hover, .er_nav li.curr{ background-color: #e13032;}
.er_nav li:hover a, .er_nav li.curr a{ color: #ffffff;}

.view-tit{color: #000;padding-bottom: 30px;border-bottom: 1px solid #aaa;margin-bottom: 40px;}
.view-tit .date {font-size: 1.125rem;color: #666;margin-bottom: 10px;}
.view-tit h2 {margin: 0;font-size: 2.375rem;line-height: 1.3;font-weight: normal;}
.view-page {border-top: 1px solid #ddd;padding-top: 70px;margin-top: 60px;text-align: center;font-size: 0;}
.btn-style.green {border-color: rgba(19, 66, 103, 0.5);color: #134267;}
.view-page .btn-style {font-size: 1rem;}
.btn-style {position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 54px;font-size: 0.875rem;font-weight: 600;line-height: 54px;text-align: center;white-space: nowrap;margin: 0;padding: 0 14px;border-style: solid;border-width: 2px;border-radius: 27px;-webkit-transition: background .2s, color .2s, border .2s;-o-transition: background .2s, color .2s, border .2s;transition: background .2s, color .2s, border .2s;border-color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0);color: #fff;overflow: hidden;}
.article-page {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 70px;}
.article-page .box {display: block;width: 50%;border-right: 1px solid #ddd;position: relative;background-color: #f9f9f9;}
.article-page .box .btn-aw {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #aaa;font-size: 0;position: absolute;top: 50%;margin-top: -22px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.article-page .box .btn-aw:before {content: '';display: block;width: 10px;height: 10px;border: 2px solid #333;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border .5s;-o-transition: border .5s;transition: border .5s;}
.article-page .box .main {vertical-align: top;}
.article-page .box .main .tag {font-size: 0.9375rem;color: #134267;margin-bottom: 5px;}
.article-page .box .main .ti {font-size: 1.125rem;line-height: 1.5;color: #333;}
.article-page .box .main .data {font-size: 0.9375rem;color: #999;}
.article-page .box:hover .btn-aw {border-color: #134267;background-color: #134267;}
.article-page .box:hover .btn-aw:before {border-color: #fff;}
.article-page .box:hover .main .ti {color: #000;text-decoration: underline;}
.article-page .box.prev {padding: 40px 50px 40px 130px;}
.article-page .box.prev .btn-aw {left: 40px;}
.article-page .box.prev .btn-aw:before {border-right: none;border-top: none;-webkit-transform-origin: 8px 0;-ms-transform-origin: 8px 0;transform-origin: 8px 0;}
.article-page .box.prev .main {text-align: right;}
.article-page .box.next {border-right: none;padding: 40px 130px 40px 50px;}
.article-page .box.next .btn-aw {right: 40px;}
.article-page .box.next .btn-aw:before {border-left: none;border-bottom: none;-webkit-transform-origin: 8px -5px;-ms-transform-origin: 8px -5px;transform-origin: 8px -5px;}

/*底部*/
.footer{ background-color:#2a3f67; padding:70px 0 30px; color:#FFFFFF}
.f_wrap{width:81%; margin: 0 auto;}
.f_logo{width:399px; height: 44px; background: url(../images/f_logo.png) no-repeat center left;}
.f_nav{}
.f_nav li{ float: left; line-height:16px; overflow:hidden}
.f_nav li:last-child{ display:none}
.f_nav li a{ font-size:16px; color: #cccccc;}
.f_con{ margin-top: 40px;}
.f_con h1{ font-size: 30px; color: #ffffff;}
.f_con p{ line-height: 36px;}
.f_con p, .f_con a{ font-size: 16px; color: #cccccc;}
.f_con img{ vertical-align: middle;}
.foot_erji{ padding-top:10px}
.f_nav li .foot_erji a{ line-height:28px; font-size:12px; text-align:left}
.f_nav li.footer_border{ line-height:16px; width:85px; height:16px; text-align:center; color:#FFFFFF}
.foot_contact{ line-height:34px; padding-top:20px}
.foot_contact span{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold}
.foot_copy ,.foot_copy a{ height:55px; line-height:55px; text-align:center; background-color:#1e2f51; color:#97a8c2; font-size:13px}


/*分页*/
.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #134267; color: #fff;}

/*分辨率*/
@media (max-width:1440px){
.head_wrap{ width:96%; margin:0 auto}
.slideTxtBox{ width:600px; color:#FFFFFF; position:absolute; overflow:hidden}
.slideTxtBox .hd ul li{ float:left; padding-right:20px; cursor:pointer; font-size:22px; font-weight:bold}
.i_sb_list{ width:98%; margin:0 auto; padding-top:65px}
.i_sb_con{ color:#8f8f8f; font-size:14px; line-height:24px; text-align:center}
.index3_nr{ width:90%; margin: 0 auto;}
.index3_nr .hd{ width:50%; position: relative;}
.index3_nr .hd ul li{ position: absolute; width:104px; height:104px; background-color: #ffffff; border-radius: 100%; cursor: pointer; font-size: 24px; color: #ab9367; font-weight: bold; line-height:28px; border:1px solid #BACDED}
.index3_nr .hd ul li.on{ background-color:#2E487B; color: #ffffff;}
.index3_nr .hd ul li.index3_li1 .table_cell, .index3_nr .hd ul li.index3_li2 .table_cell{ text-align:center; padding-top:22px}
.index3_nr .hd ul li.index3_li3 .table_cell, .index3_nr .hd ul li.index3_li4 .table_cell{ text-align:center; padding-top:22px}
.index3_nr .hd ul li.index3_li1{ left: -47px; top:250px;}
.index3_nr .hd ul li.index3_li2{ right:90px; top:280px;}
.index3_nr .hd ul li.index3_li3{ left: 230px; top:-20px;}
.index3_nr .hd ul li.index3_li4{ bottom: -26px; left: 170px;}
.index3_nr .bd{ width:50%;}
.index3_tit{ position: relative;}
.index3_tit h1{ line-height: 88px; font-size:90px; color: transparent; -webkit-text-stroke: 1px #becce7; opacity: .2;}
.index3_tit h2{ position: absolute; bottom: 0; left:0px; font-size:60px; color:#fff; font-weight: bold; line-height:40px;}
.index3_tit h3{ padding-top:80px; color:#FFFFFF; position:absolute; font-size:37px; font-weight:normal}
.index3_txt{ margin:300px 0 20px;}
.index3_txt, .index3_txt p{ font-size:20px; color: #555555; line-height:40px; text-align: justify; color:#2e487c; text-indent:2em}
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:31%; padding:0 20px;}
}